<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<title>圈子详情</title>
		<link rel="stylesheet" type="text/css" href="assets/css/circles_details.css"/>
	</head>
	<body>
		<div class="web">
			<header>
					<div class="top">
						<ul>
							<li class="return"><a href="join.html"><img src="assets/img/youjt.png"/></a></li>
							<li class="con">圈子详情</li>
						</ul>
					</div>
			</header>
			<div class="conter">
				<div class="block">
					<ul>
						<li>圈主</li>
						<li>Fion</li>
					</ul>
					<div class="img">
						<img src="assets/img/yjt.png"/>
					</div>
				</div>
				<div class="block">
					<ul>
						<li>圈名</li>
						<li>#全国舞蹈赛#</li>
					</ul>
				</div>
				<div class="block">
					<ul>
						<li>简介</li>
						<li>**年国际超模广东赛区十佳</li>
					</ul>
				</div>
				<a href="share.html">
					<div class="block line">
						<ul>
							<li>邀请艺友一起玩</li>
							<!--<li>Fion</li>-->
						</ul>
						<div class="img">
							<div class="img_co">
								<img class="code" src="assets/img/wm2.png" alt="" />
							</div>
	
							<img src="assets/img/yjt.png"/>
						</div>
					</div>
				</a>
				<div class="cir_message">
					<ul>
						<li>圈子成员<span>318</span></li>
						<li>帖子<span>268</span></li>
						<li>阅读<span>300</span></li>
					</ul>
				</div>
				<div class="block">
					<ul>
						<li>顶置圈子</li>
					</ul>
					<label for="active">
					<input type="checkbox" name="active" id="active"/>
					<div class="btn">
						<div class="cir"></div>
					</div>
					</label>
				</div>
				<div class="block">
					<ul>
						<li>接收圈子新帖通知</li>
					</ul>
					<label for="active-a">
					<input type="checkbox" name="active2" id="active-a"/>
					<div class="btn">
						<div class="cir"></div>
					</div>
					</label>
				</div>
				<div class="block">
					<ul>
						<li>关闭声音</li>
					</ul>
					<label for="active-b">
					<input type="checkbox" name="active3" id="active-b"/>
					<div class="btn">
						<div class="cir"></div>
					</div>
					</label>
				</div>
				<div class="people_num">
					<ul class="peo_h">
						<li>小组成员</li>
						<li><a href="">查看全部</a></li>
					</ul>
					<ul class="header_img">
						<li><img src="assets/img/xz1.png"/><p>Yoyo莫名</p></li>
						<li><img src="assets/img/xz2.png"/><p>奈奈桑</p></li>
						<li><img src="assets/img/xz1.png"/><p>小马哥132</p></li>
						<li><img src="assets/img/xz1.png"/><p>guanyuchyuch</p></li>
						<li><img src="assets/img/xz1.png"/><p>Yoyo莫名</p></li>
						<li><img src="assets/img/xz1.png"/><p>Yoyo莫名</p></li>
						<li><img src="assets/img/xz1.png"/><p>Yoyo莫名</p></li>
						<li><img src="assets/img/xz1.png"/><p>Yoyo莫名</p></li>
						<li><img src="assets/img/xz1.png"/><p>Yoyo莫名</p></li>
						<li><img src="assets/img/xz1.png"/><p>Yoyo莫名</p></li>
						<li><img src="assets/img/xz1.png"/><p>Yoyo莫名</p></li>
						<li><img src="assets/img/xz1.png"/><p>Yoyo莫名</p></li>
						
					</ul>
				</div>
			</div>
			<footer>
				<div class="btn">
					<a href="">退出该圈子</a>
				</div>
			</footer>
		</div>
	</body>
	<script src="assets/js/view.js" type="text/javascript" charset="utf-8"></script>
</html>
